<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="/public/stylesheet/style.css"/>
  <title></title>
</head>
<body>
  <div id="overlays" class="overlays">
    <div id="helloDialog" class="helloDialog">
      <form role="form">
        <div class="form-group" style="text-align: center;">
          <h2>Hello</h2>
        </div>
        <div class="form-group">
          <p>Type your nick or leave it empty:</p>
          <input id="nick" class="form-control" placeholder="Nick" maxlength="14">
        </div>
        <div class="form-group">
          <button type="submit" onclick="setName(document.getElementById('nick').value); return false;" class="button">Play</button>
        </div>
      </form>
    </div>
  </div>
  <canvas id="canvas">Your browser doesn't support HTML5!!</canvas>
</body>
  <script src="/socket.io/socket.io.js"></script>
  <script type="text/javascript" src="/public/javascript/QuadTree.js"></script>
  <script type="text/javascript" src="/public/javascript/event.js"></script>
  <script type="text/javascript" src="/public/javascript/client.js"></script>
</html>